<main class="container-fluid h-100">
    <div class="row h-100 overflow-auto">
        <div class="col-12 text-center mb-auto px-0">
            <header class="header">
                <div class="row">
                    <div class="col-auto">
                        <a href="javascript:void(0);" onclick="history.back()" target="_self" class="btn btn-light btn-44">
                            <em class="bi bi-arrow-left"></em>
                        </a>
                    </div>
                    <div class="col">
                        <div class="logo-small">
                            <img src="img/logo.png" alt="">
                            <h5>驾车点评</h5>
                        </div>
                    </div>
                    <div class="col-auto">
                        <a class="btn btn-light btn-44 invisible"></a>
                    </div>
                </div>
            </header>
        </div>
        <div class="col-10 col-md-6 col-lg-5 col-xl-3 mx-auto align-self-center text-center py-4">
            <h1 class="mb-4 text-color-theme">登录</h1>
            <form class="needs-validation" novalidate>
                <div class="form-group form-floating mb-3" id="phone-input">
                    <input type="text" class="form-control" id="phone" placeholder="手机号码">
                    <label class="form-control-label" for="phone">手机号码</label>
                </div>

                <div class="form-group form-floating mb-3" id="pw-input">
                    <input type="password" class="form-control " id="password" placeholder="密码">
                    <label class="form-control-label" for="password">密码</label>
                </div>
                <p></p>
                <button type="button" class="btn btn-lg btn-default w-100 mb-4 shadow" id="btn-submit">
                    登录
                </button>
            </form>
            <p class="mb-2 text-muted">还没有帐户?</p>
            <a href="./signup" target="_self" class="">
                注册 <em class="bi bi-arrow-right"></em>
            </a>

        </div>
        <div class="col-12 text-center mt-auto">
            <div class="row justify-content-center footer-info">
            </div>
        </div>
    </div>
</main>